import { SideNavTabs } from 'components/SideNavbar'

import Color from './01_color/index'
import Position from './02_position/index'
import Size from './03_size/index'
import All from './04_all/index'
import Filter from './05_filter/index'

const __tabs = [{
  icon: 'target',
  component: Color
}, {
  icon: 'monitor',
  component: Position
}, {
  icon: 'calendar',
  component: Size
}, {
  icon: 'news',
  component: All,
}, {
  icon: 'search',
  component: Filter
}]

export default function Index() {
  return (
    <SideNavTabs tabs={__tabs} />
  )
}

